<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>政务融合共享管理平台</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/mian.css">
    <link rel="stylesheet" href="css/progress.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <style>
        .BMap_cpyCtrl {
            display: none;
        }

        .anchorBL {
            display: none;
        }

        .numberRun6 {
            position: absolute;
            top: 1rem;
            left: 50%;
            transform: translateX(-50%);
            font-size: 2rem;
            height: .41rem;
        }

        .numberRun6 .mt-number-animate .mt-number-animate-dom {
            width: .3rem;
            color: #01d2d8;
            font-size: .5rem;
        }

        .numberRun6-px {
            position: absolute;
            display: inline-block;
            top: 1.5rem;
            left: 50%;
            transform: translateX(-50%);
            color: #01d2d8;
            font-size: .5rem;
        }
    </style>
</head>
<body>
<div id="container" style="height: 100%"></div>
<div class="header clearfix">
    <div class="times">
        <i class="iconfont icon-shijian"></i>
        <span class="time"></span>
    </div>
    <a class="logo" href="/irsp/index">
        政务融合共享管理平台
    </a>
</div>
<ul class="page">
    <li class="active">
        <span>
            <i class="iconfont icon-caiji"></i>
        </span>
        <div>
            数据采集
        </div>
    </li>
    <li>
        <span>
            <i class="iconfont icon-hexinjiaohuanji"></i>
        </span>
        <div>
            交换管理
        </div>
    </li>
    <li>
        <span>
            <i class="iconfont icon-jiankongkongzhiguanlijianguan"></i>
        </span>
        <div>
            数据质量控制
        </div>
    </li>
    <li>
        <span>
            <i class="iconfont icon-anleibiefenzu"></i>
        </span>
        <div>
            一体化可视系统
        </div>
    </li>
</ul>

<div class="one">
    <ul class=" datas">
        <li>
            <div class="datas-num">
                <i class="iconfont icon-shujuku-weichuangjian"></i>
                <div class="numbers numberRun1"></div>
                <span>条</span>
            </div>
            <div class="datas-name">
                数据库
            </div>
        </li>
        <li>
            <div class="datas-num">
                <i class="iconfont icon-wenjianjia"></i>
                <div class="numbers numberRun2"></div>
                <span>条</span>
            </div>
            <div class="datas-name">
                共享交换库
            </div>
        </li>
        <li>
            <div class="datas-num">
                <i class="iconfont icon-ziyuan"></i>
                <div class="numbers numberRun3"></div>
                <span>条</span>
            </div>
            <div class="datas-name">
                历史库
            </div>
        </li>
        <li>
            <div class="datas-num">
                <i class="iconfont icon-zhuti"></i>
                <div class="numbers numberRun4"></div>
                <span>条</span>
            </div>
            <div class="datas-name">
                主题库
            </div>
        </li>
        <li>
            <div class="datas-num">
                <i class="iconfont icon-yemianshezhi"></i>
                <div class="numbers numberRun5"></div>
                <span>条</span>
            </div>
            <div class="datas-name">
                资源目录库
            </div>
        </li>
    </ul>
    <div class=" SJCJ-left" style="left: -6.5rem">
        <div class="template">
            <div class="title">
                <i class=""></i>
                <span>系统对接</span>
            </div>
            <div class="t-mian">
                <div class="t-table system-join">
                    <table cellpadding="0" cellspacing="0">
                        <tr>
                            <td>序号</td>
                            <td>部门名称</td>
                            <td>数据采集量（条）</td>
                        </tr>
                    </table>
                    <div class="tb-mian">
                        <table id="systemJoin" cellpadding="0" cellspacing="0">
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="template">
            <div class="title">
                <i class=""></i>
                <span>网上填报</span>
            </div>
            <div class="t-mian" id="wstb">
            </div>
        </div>
    </div>
    <div class=" SJCJ-right" style="right: -6.5rem">
        <div class="template">
            <div class="title">
                <i class=""></i>
                <span>数据导入</span>
            </div>
            <div class="t-mian" id="dataImport">
            </div>
        </div>
        <div class="template">
            <div class="title">
                <i class=""></i>
                <span>数据关联</span>
            </div>
            <div class="t-mian" id="dataRelation">

            </div>
        </div>
    </div>
    <div class=" SJCJ-center" style="display: none" onclick="window.open(window.location.host+'/irsp/index','_blank')">
        <div class="numbers numberRun6"></div>
        <!--<div class="numberRun6-px">条</div>-->
    </div>
    <div class=" bottom-left">
        <i class="iconfont icon-youyou-"></i>
    </div>
</div>

<div class="tow SJCJ-left">
    <div class="template">
        <div class="title">
            <i class=""></i>
            <span>客户端设备状态监控</span>
        </div>
        <div style="width:5.5rem;height:2.9rem;" class="t-mian" id="khdsb">

        </div>
    </div>
    <div class="template">
        <div class="title">
            <i class=""></i>
            <span>服务申请资源趋势</span>
        </div>
        <div style="width:5.5rem;height:2.9rem;" class="t-mian" id="fwsq">

        </div>
    </div>
</div>
<div class="tow SJCJ-center">
    <div class="template">
        <div class="title">
            <i class=""></i>
            <span>服务器状态监控</span>
        </div>
        <div class="t-mian">
            <ul class="cpu">
                <li style="height: 1.3rem;width: 1.225rem" id="CPU1">

                </li>
                <li>CPU1频率
                    3.5GHz
                </li>
                <li style="height: 1.3rem;width: 1.225rem" id="CPU2"></li>
                <li>CPU2频率
                    3.5GHz
                </li>
            </ul>
            <div class="server">
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td>内存空间</td>
                        <td>
                            <div class="loader greens">
                                <progress value='80' max='100'></progress>
                            </div>
                        </td>
                        <td>300TB</td>
                    </tr>
                    <tr>
                        <td>硬盘空间</td>
                        <td>
                            <div class="loader greens">
                                <progress value='76' max='100'></progress>
                            </div>
                        </td>
                        <td>1000TB</td>
                    </tr>
                    <tr>
                        <td>云盘空间</td>
                        <td>
                            <div class="loader greens">
                                <progress value='60' max='100'></progress>
                            </div>
                        </td>
                        <td>1024PB</td>
                    </tr>
                    <tr>
                        <td>网卡上行</td>
                        <td>
                            <div class="loader greens">
                                <progress value='54' max='100'></progress>
                            </div>
                        </td>
                        <td>124M/S</td>
                    </tr>
                    <tr>
                        <td>网卡下行</td>
                        <td>
                            <div class="loader greens">
                                <progress value='30' max='100'></progress>
                            </div>
                        </td>
                        <td>124MM/S</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="template">
        <div class="title">
            <i class=""></i>
            <span>启停服务</span>
        </div>
        <div class="t-mian">
            <p>距离下次轮询执行时间 ：<span class="text" id="time">58</span>秒</p>
            <p>待处理数据：<span class="text">10</span>条</p>
            <ul class="SAS">
                <li>
                    <i class="iconfont icon-zanting"></i>
                    <p>启 动</p>
                </li>
                <li>
                    <i class="iconfont icon-zanting1"></i>
                    <p>暂 停</p>
                </li>
                <li>
                    <i class="iconfont icon-zaixianzhihang"></i>
                    <p>立即执行</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="tow SJCJ-right">
    <div class="template">
        <div class="title">
            <i class=""></i>
            <span>发送/接收数据统计</span>
        </div>
        <div class="t-mian" style="width:5.5rem;height:2.9rem;" id="sjdata">

        </div>
    </div>
    <div class="template">
        <div class="title">
            <i class=""></i>
            <span>数据监控日志</span>
        </div>
        <div class="t-mian">
            <div class="t-table">
                <table cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr>
                        <td>数据源单位</td>
                        <td>数量</td>
                        <td>方向</td>
                        <td>状态</td>
                    </tr>
                    </tbody>
                </table>
                <div class="tb-mian" tabindex="0" style="overflow: hidden; outline: none;">
                    <table cellpadding="0" cellspacing="0" id="dataMonitor">
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="three">
    <ul class="procedure">
        <li class="procedure-bg">
            <i class="iconfont icon-shujucaiji"></i>
            <span>数据采集</span>
        </li>
        <li class="chuanshu"></li>
        <li class="procedure-bg">
            <i class="iconfont icon-wulumuqishigongandashujuguanlipingtai-ico-"></i>
            <span>数据治理</span>
        </li>
        <li class="chuanshu"></li>
        <li class="procedure-bg">
            <i class="iconfont icon-shujuku"></i>
            <span>成果数据</span>
        </li>
        <li class="chuanshu"></li>
        <li class="procedure-bg">
            <i class="iconfont icon-shujujiguanli"></i>
            <span>发布数据</span>
        </li>
    </ul>
    <div class="procedureData">
        <div class="template2">
            <div class="dataP">
                <div class="dataP-body">
                    <div class="numbers numberRun7"></div>
                    <p>采集数据量</p>
                </div>
            </div>
            <ul class="tl2-ul">
                <li>
                    <div>
                        <i class="iconfont icon-dashaxiaoqudizhi01 bg-blur"></i>
                        <p class="cl-blur">送报单位</p>
                        <p class="cl-green">86家</p>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="iconfont icon-jiankongkongzhiguanlijianguan bg-red"></i>
                        <p class="cl-blur">送报数据</p>
                        <p class="cl-green">9180条</p>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="iconfont icon-shujuyuan bg-green"></i>
                        <p class="cl-blur">资源目录综述</p>
                        <p class="cl-green">82176条</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="template2">
            <ul class="cba">
                <li>
                    <div class="left">
                        <i class="iconfont icon-tongguo bg-green"></i>
                    </div>
                    <div class="right">
                        <p>验收通过数据</p>
                        <p><span class="cl-orange">256180965</span>条</p>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <i class="iconfont icon-butongguo bg-red"></i>
                    </div>
                    <div class="right">
                        <p>验收不通过数据</p>
                        <p><span class="cl-orange">189028</span>条</p>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <i class="iconfont icon-jinggao bg-blur"></i>
                    </div>
                    <div class="right">
                        <p>未验收数据</p>
                        <p><span class="cl-orange">652561809</span>条</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="template2">
            <div class="dataP">
                <div class="dataP-body">
                    <div class="numbers numberRun8"></div>
                    <p>成果数据量</p>
                </div>
            </div>
            <ul class="tl2-ul">
                <li>
                    <div>
                        <i class="iconfont icon-shujuku-weichuangjian bg-green"></i>
                        <p class="cl-blur">基础库</p>
                        <p class="cl-green">91060008</p>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="iconfont icon-jiankongkongzhiguanlijianguan bg-red"></i>
                        <p class="cl-blur">主题库</p>
                        <p class="cl-green">12918076</p>
                    </div>
                </li>
                <li>
                    <div>
                        <i class="iconfont icon-shujuyuan bg-blur"></i>
                        <p class="cl-blur">共享交换库</p>
                        <p class="cl-green">248217607</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="template2">
            <div class="title">
                <i></i>
                <span>基础服务</span>
            </div>
            <table  cellpadding="0" cellspacing="0" class="jcfw">
                <tr>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-icon bg-green"></i>
                        </div>
                        <div class="right">
                            <p>个人服务</p>
                            <p><span class="cl-green">86089</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-dashaxiaoqudizhi01 bg-red"></i>
                        </div>
                        <div class="right">
                            <p>法人服务</p>
                            <p><span class="cl-green">19180</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-shujuyuan bg-blur"></i>
                        </div>
                        <div class="right">
                            <p>效能监督</p>
                            <p><span class="cl-green">2201</span></p>
                        </div>
                    </td>
                </tr>
            </table>
            <div class="title">
                <i></i>
                <span>主题服务</span>
            </div>
            <table  cellpadding="0" cellspacing="0" class="jcfw">
                <tr>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-qiye bg-purple"></i>
                        </div>
                        <div class="right">
                            <p>企业开办</p>
                            <p><span class="cl-green">460891</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-zhengshu bg-orange"></i>
                        </div>
                        <div class="right">
                            <p>多证合一</p>
                            <p><span class="cl-green">180190</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-zongcebiaodanshezhi bg-yellow"></i>
                        </div>
                        <div class="right">
                            <p>企业注销</p>
                            <p><span class="cl-green">42209</span></p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-wenjian bg-green"></i>
                        </div>
                        <div class="right">
                            <p>跨境贸易</p>
                            <p><span class="cl-green">460891</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-mn_fuwu bg-red"></i>
                        </div>
                        <div class="right">
                            <p>中介服务</p>
                            <p><span class="cl-green">180190</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="left">
                            <i class="iconfont icon-shenpi bg-green1"></i>
                        </div>
                        <div class="right">
                            <p>项目审批</p>
                            <p><span class="cl-green">42209</span></p>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>

<div class="four">
    <ul class="datas">
        <li id="jrnc"></li>
        <li id="jrrkl"></li>
        <li id="zzync"></li>
        <li id="zrkl"></li>
    </ul>
    <div class="SJCJ-left">
        <div class="template">
            <div class="title">
                <i class=""></i>
                <span>网络访问趋势</span>
            </div>
            <div style="width: 5.5rem;height: 2.6rem" class="t-mian echart" id="wlfw">

            </div>
        </div>
        <div class="template">
            <div class="title">
                <i class=""></i>
                <span>应用软件</span>
            </div>
            <div style="width: 5.5rem;height: 2.6rem" class="t-mian echart" id="yyrj">
            </div>
        </div>
    </div>
    <div class="SJCJ-right">
        <div class="template">
            <div class="title">
                <i class=""></i>
                <span>联网设备</span>
            </div>
            <div style="width: 5.5rem;height: 2.6rem" class="t-mian echart" id="lwsb">
            </div>
        </div>
        <div class="template">
            <div class="title">
                <i class=""></i>
                <span>操作系统</span>
            </div>
            <div style="width: 5.5rem;height: 2.6rem" class="t-mian echart" id="czxt">

            </div>
        </div>
    </div>
    <div class="SJCJ-center">

    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/echarts.js"></script>
<script src="js/shuzigundong.js"></script>
<script src="js/jq-echart.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/star.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=X01bc48yqyrI84x9YP34RXnmFC7MGIsG"></script>
<script type="text/javascript" src="js/bmap.js"></script>
<script type="text/javascript" src="js/map.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<script>
    var whdef = 100 / 1920;// 表示1920的设计图,使用100PX的默认值
    var wH = window.innerHeight;// 当前窗口的高度
    var wW = window.innerWidth;// 当前窗口的宽度
    var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    $('html').css('font-size', rem + "px");
    $(window).resize(function () {          //当浏览器大小变化时
        location.reload();
    });

    // 时间
    function setTime() {
        var date = new Date();
        var year = date.getFullYear(); //2019
        var mouth = date.getMonth() + 1;
        var day = date.getDate();
        var week = date.getDay();
        var hours = date.getHours();
        var afterH = hours - 1;
        var minutes = date.getMinutes();
        $('.time').html(year + ' 年 ' + mouth + ' 月 ' + day + ' 日 ' + ' ' + hours + ' 时 ' + minutes + '分')
    }

    setTime();
    setInterval(function () {
        setTime()
    }, 60000);
    $(function () {
        //目录
        var mus = ['one', 'tow', 'three','four'];
        $('.page li').on('click', function () {
            $(this).addClass('active').siblings().removeClass('active');
            var index = $(this).index();
            $.each(mus, function () {
                $('.' + this).hide()
            });
            switch (index) {
                case 0:
                    $('.one .SJCJ-left').css({left: '-6.5rem'});
                    $('.one .SJCJ-right').css({right: '-6.5rem'});
                    $('.bottom-left i').removeClass('icon-zuozuo-').addClass('icon-youyou-');
                    $('.one').show();
                    $('.one .SJCJ-center').hide();
                    break;
                case 1:
                case 2:
                case 3:
                    $('.' + mus[index]).show();
                    var numRun7 = $(".numberRun7").numberAnimate({num: '9072468221', speed: 500});
                    var nums7 = 9072468221;
                    setInterval(function () {
                        nums7 += 3;
                        numRun7.resetData(nums7);
                    }, 3500);
                    var numRun8 = $(".numberRun8").numberAnimate({num: '5635634782', speed: 500});
                    var nums8 = 5635634782;
                    setInterval(function () {
                        nums8 += 3;
                        numRun8.resetData(nums8);
                    }, 3500);
                    break;
            }
        });

//第一页
        function numberRun() {
            var numRun1 = $(".numberRun1").numberAnimate({num: '23123316', speed: 500});
            var nums1 = 23123316;
            setInterval(function () {
                nums1 += 2;
                numRun1.resetData(nums1);
            }, 3500);

            var numRun2 = $(".numberRun2").numberAnimate({num: '53712452', speed: 500});
            var nums2 = 53712452;
            setInterval(function () {
                nums2 += 4;
                numRun2.resetData(nums2);
            }, 3500);

            var numRun3 = $(".numberRun3").numberAnimate({num: '35234748', speed: 500});
            var nums3 = 35234748;
            setInterval(function () {
                nums3 += 2;
                numRun3.resetData(nums3);
            }, 3500);

            var numRun4 = $(".numberRun4").numberAnimate({num: '12462464', speed: 500});
            var nums4 = 12462464;
            setInterval(function () {
                nums4 += 8;
                numRun4.resetData(nums4);
            }, 3500);

            var numRun5 = $(".numberRun5").numberAnimate({num: '34682562', speed: 500});
            var nums5 = 34682562;
            setInterval(function () {
                nums5 += 2;
                numRun5.resetData(nums5);
            }, 3500);
        }

        numberRun();
        // 滚动条
        $('.tb-mian').niceScroll({cursorborder: "", cursorcolor: "#00468e", boxzoom: true});



        var time6;
        // 收缩健
        $('.bottom-left').on('click', function () {
            var i = $(this).find('i');
            if (i.hasClass('icon-youyou-')) {
                $('.one .SJCJ-left').animate({left: '0'});
                $('.one .SJCJ-right').animate({right: '0'});
                $('.one .SJCJ-center').fadeIn("slow");
                i.removeClass('icon-youyou-').addClass('icon-zuozuo-');
            } else {
                $('.one .SJCJ-left').animate({left: '-6.5rem'});
                $('.one .SJCJ-right').animate({right: '-6.5rem'});
                $('.one .SJCJ-center').fadeOut("slow");
                i.removeClass('icon-zuozuo-').addClass('icon-youyou-');
            }
            var numRun6 = $(".numberRun6").numberAnimate({num: '35724854', speed: 500});
            var nums6 = 35724854;
            clearInterval(time6);
            time6 = setInterval(function () {
                nums6 += 4;
                numRun6.resetData(nums6);
            }, 3500);
        })
    })
</script>
</body>
</html>
